<div class="col-sm-12 mt20">
    <style>
        .big-img{
            width: 260px;
            height: auto;
        }
    </style>
    <div class="panel panel-default">
        <div class="panel-body">
            <table class="table table-striped table-bordered dataTable table-condensed tree_table" style="table-layout:fixed">
                <thead>
                    <tr>
                        <th class="col-xs-2 text-center">头像</th>
                        <th class="col-xs-1 text-center">姓名</th>
                        <th class="col-xs-2 text-center">身份证</th>
                        <th class="col-xs-2 text-center">电话</th>
                        <th class="col-xs-3 text-center">地址</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="user in userList">
                        <td class="text-center">
                            <img src="{{user.img}}" ng-class="{true: 'big-img'}[isbig]" ng-mouseover="big()" ng-mouseleave="small()"/>
                        </td>
                        <td class="text-center">
                            {{user.name}}
                        </td>
                        <td class="text-center">
                            {{user.cardno}}
                        </td>
                        <td class="text-center">
                            {{user.mobile}}
                        </td>
                        <td class="text-center">
                            {{user.address}}
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="text-right" style="background-color: white; margin-right: 30px">
            <pagination total-items="totalItems" ng-model="currentPage" ng-change="load()" previous-text="上一页" next-text="下一页" first-text="首页"
                last-text="尾页" max-size="5" boundary-links="true" rotate="false" items-per-page="itemsPerPage" class="m-t-none m-b"></pagination>
        </div>
    </div>
</div>